{% load static %}
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>About Me</title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width">

    <!-- Bootstrap styles -->
    <link rel="stylesheet" href="{% static 'css/bootstrap.min.css' %}">


    <!-- Font-Awesome -->
    <link rel="stylesheet" href="{% static 'css/font-awesome/css/font-awesome.min.css' %}">

    <!-- Google Webfonts -->
    <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,600|PT+Serif:400,400italic' rel='stylesheet'
          type='text/css'>

    <!-- Styles -->
    <link rel="stylesheet" href="{% static 'css/style.css' %}" id="theme-styles">

    <!--[if lt IE 9]>      
        <script src="{% static 'js/vendor/google/html5-3.6-respond-1.1.0.min.js' %}"></script>
    <![endif]-->

</head>
<body>
<header>
    {% include 'header.html' %}
</header>

<div class="widewrapper main">
    <div class="container about">
        <h1>Hello, My name is <span class="about-bold">  John Doe</span></h1>
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repellendus inventore magni ratione perferendis ex
            molestiae cum reiciendis perspiciatis consequuntur, nihil ducimus corrupti! Ipsum nesciunt ipsa nobis
            obcaecati labore, rem recusandae?</p>
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Qui quo sint asperiores, ut doloremque eum commodi,
            odit nisi sed repellendus earum recusandae pariatur consectetur minus rerum, magni dolores officiis
            magnam.</p>

        <div class="about-button">
            <a class="btn btn-xlarge btn-clean-one" href="contact">Contact Me</a>
        </div>
        <hr>
    </div>

</div>

<footer>
    {% include 'footer.html' %}
</footer>

<script src="{% static 'js/jquery.min.js' %}"></script>
<script src="{% static 'js/bootstrap.min.js' %}"></script>
<script src="{% static 'js/modernizr.js' %}"></script>

</body>
</html>